Le but de ce chapitre est de présenter et manipuler les histogrammes (bar chart) dans D3.js.
Dans le cas où les données n'ont pas à êtres traitées et peuvent être affichées directement, il n'est pas nécessaire de passer par le layout. Ce sera le cas dans cet exercice où l'on souhaite afficher les ventes mensuelles d'une société pour l'année 2015.
Les données se trouvent à cette adresse.

Il vous est demandé de faire le travail suivant :

  1. Créer les fonctions scales nécessaires (utiliser une fonction scale band pour l'axe horizontal. Utiliser .range pour obtenir simplement l'emplacement des mois sur l'axe.
    Attention le domaine de la fonction verticale doit être obtenu à partir des données et non être inscrit en dur !
  2. Créer les axes horizontaux et verticaux de l'histogramme.
  3. Ajouter les colonnes de l'histogramme.
  4. Ajouter un titre de taille 20 pixels, centré en haut de l'histogramme et en caractère gras.